<!-- Bootstrap Dropify CSS -->
<link href="<{$template_dir}>home/com_center/vendors/bower_components/dropify/dist/css/dropify.min.css" rel="stylesheet" type="text/css"/>
<!-- xeditable css -->
<link href="<{$template_dir}>home/com_center/vendors/bower_components/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet" />


<!-- Main Content -->

    <div class="container-fluid">
        <!-- Title -->
        <div class="row heading-bg bg-blue">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
                <h5 class="txt-light">个人资料</h5>
            </div>
        
            <!-- Breadcrumb -->
            <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
                <ol class="breadcrumb">
                    <li><a href="index.html">帐号信息</a></li>
                    
                    <li class="active"><span>个人资料</span></li>
                </ol>
            </div>
            <!-- /Breadcrumb -->
        
        </div>
        <!-- /Title -->
        
        <!-- Row -->
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="panel panel-default card-view  pa-0">
                    <div class="panel-wrapper collapse in">
                        <div class="panel-body  pa-0">
                            <div class="profile-box">
                                <div class="profile-info-wrap text-center">
                                    <div class="profile-info pt-40">
                                    	
                                           <input type="file" id="header_img_input" style="display:none" name='header_img' value="" />
                                    
                                        <img id="header_img" class="img-circle inline-block mt-40 mb-10" src="<{if $data.header_img}><{$data.header_img}><{else}><{$template_dir}>home/com_center/dist/img/user.png<{/if}>" alt="user">
                                        <h4 class="txt-light block  mb-5 capitalize-font" id='nickname'><{$data.nickname}></h4>
                                        <h6 class="txt-light block uppercase-font pb-40" id='sex_box'><{if $data.sex}><{if $data.sex==1}>男<{else}>女<{/if}><{else}>请选择性别<{/if}></h6>
                                    </div>	
                                    <div class="profile-image-overlay"></div>
                                </div>
                                <div class="social-info txt-light">
                                    <div class="row">
                                    	<div class="col-sm-12 text-center">
                                        	简介：<span id='abstract'><{if $data.abstract}><{$data.abstract}><{else}>请填写简介！<{/if}></span>
                                        </div>
                                       <!-- <div class="col-sm-4 text-center">
                                            <i class="fa fa-rss block mb-10"></i>
                                            <span class="counts block head-font mb-5">345</span>
                                            <span class="counts-text block">public post</span>
                                        </div>
                                        <div class="col-sm-4 text-center">
                                            <i class="fa fa-facebook block mb-10"></i>
                                            <span class="counts block head-font mb-5">28k</span>
                                            <span class="counts-text block">Followers</span>
                                        </div>
                                        <div class="col-sm-4 text-center">
                                            <i class="fa fa-twitter block mb-10"></i>
                                            <span class="counts block head-font mb-5">257</span>
                                            <span class="counts-text block">Tweets</span>
                                        </div>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="col-sm-8">
                <div class="panel panel-danger card-view">
                    <div class="panel-heading mb-20">
                        <div class="pull-left">
                            <h6 class="panel-title txt-light pull-left">账户资料</h6>
                        </div>
                       
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-wrapper collapse in">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <table style="clear: both" class="table table-bordered table-striped" id="user">
                                        <tbody>
                                           <!-- <tr>
                                                <td style="width:25%">昵称</td>
                                                <td style="width:75%"><a href="form-x-editable.html#" id="inline-username" data-type="text" data-pk="1" data-title="Enter username" data-placeholder="Required" class="editable editable-click">superuser</a></td>
                                            </tr>-->
                                            <tr>
                                                <td style="width:25%">昵称</td>
                                                <td style="width:75%"><a href="form-x-editable.html#" id="inline-firstname" data-type="text" data-pk="1" data-placement="right" data-placeholder="Required" data-title="Enter your firstname" class="editable editable-click editable-empty"><{$data.nickname}></a></td>
                                            </tr>
                                            <tr>
                                                <td>性别</td>
                                                <td><a href="form-x-editable.html#" id="inline-sex" data-type="select" data-pk="1" data-value="" data-title="Select sex" class="editable editable-click" style="color: rgb(152, 166, 173);"><{if $data.sex}><{if $data.sex==1}>男<{else}>女<{/if}><{else}>请选择性别<{/if}></a></td>
                                            </tr>
                                           <!-- <tr>
                                                <td>Select, error while loading</td>
                                                <td><a href="form-x-editable.html#" id="inline-status" data-type="select" data-pk="1" data-value="0" data-source="/status" data-title="Select status" class="editable editable-click">Active</a></td>
                                            </tr>-->
                                            <tr>
                                                <td>出生日期</td>
                                                <td><a href="form-x-editable.html#" id="inline-dob" data-type="combodate" data-value="<{$data.year}>-<{$data.month}>-<{$data.day}>" data-format="YYYY-MM-DD" data-placeholder="Required" data-viewformat="YYYY/MM/DD" data-template="YYYY/ MM / D" data-pk="1" data-title="出生日期" class="editable editable-click"><{$data.year}>/<{$data.month}>/<{$data.day}></a></td>
                                            </tr>
                                            <tr>
                                                <td>个人简介</td>
                                                <td><a href="form-x-editable.html#" id="inline-comments" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-title="Enter comments" class="editable editable-pre-wrapped editable-click"><{$data.abstract}></a></td>
                                            </tr>
                                            
                                           <!--  <tr>
                                                <td>头像</td>
                                                <td> <input type="file" name="official_seal" id="input-file-now-custom-1" class="dropify img-circle inline-block mt-40 mb-10" data-default-file="<{$template_dir}>home/com_center/dist/img/user1.png" value="<{$applist.official_seal}>" /></td>
                                            </tr>-->
                                            
                                           
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            
        </div>
        <!-- /Row -->
</div>
    
  